<template>
  <div class="container">
    <div class="personal"><PerSon /></div>
    <div class="list"><ListPep /></div>
    <div class="dialogue"><TalkNed /></div>
  </div>
</template>

<script>
import PerSon from "@/views/wechat/components/PerSon.vue";
import ListPep from "@/views/wechat/components/ListPep.vue";
import TalkNed from "@/views/wechat/components/TalkNed.vue";
export default {
  components: {
    // 注册组件
    PerSon,
    ListPep,
    TalkNed,
  },
  data() {
    return {};
  },
};
</script>

<style lang="scss" scoped>
.container {
  margin: 0;
  width: 100%;
  height: calc(100vh - 18px);
  display: flex;
  overflow: hidden;
  .personal {
    width: 3%;
    height: 100.2%;
    background: #555;
  }
  .list {
    width: 25%;
    height: 100%;
    background: #333;
  }
  .dialogue {
    width: 72%;
    height: 100%;
    background: #888;
    border: 1px solid #000;
  }
}
</style>
